<template>
  <div id="app">
    <div class="login-container">
      <router-link to="/login" tag="span" class="login-tag" >登录</router-link>
      <router-link to="/register" tag="span" class="register-tag" >注册</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>
<style scoped>
/* 
lang='scss' 表示: node-sass的依赖, 需要安装
**************************************************************
gyp ERR! find VS You need to install the latest version of Visual Studio
gyp ERR! find VS including the "Desktop development with C++" workload.
gyp ERR! find VS For more information consult the documentation at:
gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows

这里暂时不用这个写法, 直接用原生样式.
这里参考: 

https://www.cnblogs.com/irobotzz/p/12336767.html

安装 visual studio 2019
 */
.app {
   padding: 10px 0 10px;
   margin: 10px 10px 10px;
}
 
.login-container{
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.login-container span {
  padding: 5px 20px;
  border-radius: 5px;
  font-style: 16px;
}

.my-active, .my-exact-active{
  /* background: #cccccc; */
  font-size: 30px;
  font-weight: 800;
  color: black;
}
.login-tag {
  width: 100px;
}

.register-tag {
   width: 100px;
}
</style>